<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.ulimg img{
				width: 100px;
				height: 100px;
			}
		</style>
	</head>
	<body>
			<ul>
			    			<li>
				    			<div class="ulimg"><img src="img/1.webp" alt=""></div>
				    			<div class="des"><p>网红1</p></div>
			    			</li>
			    			<li>
				    			<div class="ulimg"><img src="img/2.webp" alt=""></div>
				    			<div class="des"><p>网红2</p></div>
			    			</li>
			    			<li>
				    			<div class="ulimg"><img src="img/3.webp" alt=""></div>
				    			<div class="des"><p>网红3</p></div>
			    			</li>
			    			<li>
				    			<div class="ulimg"><img src="img/4.webp" alt=""></div>
				    			<div class="des"><p>网红4</p></div>
			    			</li>
			    			<li>
				    			<div class="ulimg"><img src="img/5.webp" alt=""></div>
				    			<div class="des"><p>网红5</p></div>
			    			</li>
			    			<li>
				    			<div class="ulimg"><img src="img/6.webp" alt=""></div>
				    			<div class="des"><p>网红6</p></div>
			    			</li>
			    		</ul>
	</body>
	<script type="text/javascript">
		$(function(){
		    $(".ulimg").hover(function(){
		        $(this).css({
		            "width":'100%',
		            "height":'250px'            
		        });
		    },function(){
		        $(this).css({
		            "width":'92%',
		            "height":'200px'
		        });
		    });
		})
	</script>
</html>
